﻿<div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-7">
    <a href="javascript:;" :class="{'layui-laypage-prev layui-disabled':options.CurrentPage==1,'layui-laypage-prev':options.CurrentPage!=1}" v-on:click="ToPage(options.CurrentPage-1)">上一页</a>
    <template v-if="options.ShowFirstPage">
        <a class="layui-laypage-first" href="javascript:;" title="首页" v-on:click="ToPage(1)">首页</a>
        <span class="layui-laypage-spr">...</span>
    </template>
    <template v-for="page in options.ShowPages">
        <span class="layui-laypage-curr" v-if="page==options.CurrentPage">
            <em class="layui-laypage-em"></em>
            <em>{{ page }}</em>
        </span>
        <a href="javascript:;" v-if="page!=options.CurrentPage" v-on:click="ToPage(page)">{{ page }}</a>
    </template>
    <template v-if="options.ShowLastPage">
        <span class="layui-laypage-spr">...</span>
        <a class="layui-laypage-last" href="javascript:;" title="尾页" v-on:click="ToPage(options.TotalPage)">尾页</a>
    </template>
    <a class="layui-laypage-next" href="javascript:;" title="下一页" v-bind:disabled="options.CurrentPage<options.TotalPage" v-on:click="ToPage(options.CurrentPage+1)">下一页</a>
</div>
